@color: #e4e4e4;
@bg-color: #fff;




*{
	padding: 0;
	margin: 0;
}
a{

	text-decoration: none;
}
li{
	list-style: none;
}
.clearfloat:after{
	display: block;
	content: "";
	clear: both;
}
// 
// .weui-tab{
// 	.weui-navbar{
// 		bottom: 0;
// 	}
// }
body{
	// background-color: #F5F5F5;
}
.three{
	background-color: @bg-color;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	a{
		color: #666;
		margin: 5px 0;
		width: 33.3%;
		float: left;
		text-align: center;
		p{
			margin: 0;
		}
	}
	&>a:first-child{
		color: #E84B2A;
	}
}

.weui-tab{
	.weui-navbar{
		    position: fixed; 
		    top: 0;
		    right: 0;
		    left: 0;
		    z-index: 12;
		    margin-top: 0;
		.first{
			font-size: 14px;
			padding: 8px 0;
			background-color: @bg-color;
		}
		.weui-bar__item--on{
			color: #ea4d2c;
    		border-bottom: 1px solid #ea4d2c;

		}
	}
	.weui-tab__bd{
		.weui-tab__bd-item{
			padding: 10px 0;
		}
		padding-left: 15px;
		padding-right: 15px;
		.intro{
			padding: 10px 0;
			border-bottom: 1px solid #f1f1f1;
			a{
				display: block;
				.left{
					float: left;
				}
				.right{
					float: left;
					margin-left: 10px;
					h1{
						font-size: 14px;
					    text-overflow: ellipsis;
					    display: -webkit-box;
					    -webkit-box-orient: vertical;
					    overflow: hidden;
					    -webkit-line-clamp: 1;
					    line-height: 16px;
					    color: #333333;
					    margin-bottom: 5px;
					}
					p{
						width: 180px;
						font-size: 12px;
						color: #999999;
					    height: 38px;
					    text-overflow: ellipsis;
					    display: -webkit-box;
					    -webkit-box-orient: vertical;
					    overflow: hidden;
					    -webkit-line-clamp: 2;
					}
				}
			}
		}
	}
}